$(function () {
    $('.box1>div').on('click', function () {
        // 改变当前点击的样式
        $(this).css({
            'font-weight': '700',
            'color': '#27ba9b'
        }).siblings().css({
            'font-weight': '400',
            'color': 'black'
        })

        // 切换页面
        $('.box2>div').eq($(this).index()).show().siblings().hide()
    })
})


// let user = document.querySelector('input[type=text]')
// let pass = document.querySelector('input[type=password]')
// let ckb = document.querySelector('input[type=checkbox]')
// let btn = document.querySelector('.btn')
// let p1 = document.querySelector('.p1')
// let p2 = document.querySelector('.p2')
// // 页面初始，值赋为空
// // user.value == ''
// // pass.value == ''
// // 判断cookie有没有值
// function chang() {
//     if (getCookie('username') == undefined || getCookie('password') == undefined) {
//         user.value = ''
//         pass.value = ''
//     } else {
//         user.value = getCookie('username')
//         pass.value = getCookie('password')
//         ckb.checked = getCookie('checked')
//     }
// }
// chang()
// // 绑定失焦事件
// user.onblur = () => {
//     if (user.value == '') {
//         p1.innerHTML = '请输入用户名'
//     } else {
//         p1.innerHTML = ''
//     }
// }
//  // 绑定失焦事件
// pass.onblur = () => {
//     if (pass.value == '') {
//         p2.innerHTML = '请输入密码'
//     } else {
//         p2.innerHTML = ''
//     }
// }
// btn.onclick = () => {
//     // 非空验证
//     if (user.value == '' || pass.value == '') {
//         alert('请输入用户名和密码')
//         return false;
//     }

//     // 发送请求，验证数据库里有没有输入的用户名和密码，有就登录，没有就注册
//     pAjax({ url: 'http://localhost/xiao_tu_xian/api/login.php', query: { name: user.value, pas: pass.value } })
//         .then((data) => {
//             let res = JSON.parse(data)
//             // console.log(res)
//             if (res.code == 200) {
//                 location.href = 'http://localhost/xiao_tu_xian/html/1-index.html'
//             } else {
//                 p1.innerHTML = res.body.msg
//                 p2.innerHTML = res.body.msg
//             }
//         })

//     // 获取复选框的状态
//     let type = ckb.checked
//     if (type) {
//         setCookie('username', user.value, 7)
//         setCookie('password', pass.value, 7)
//         setCookie('checked', type, 7)
//     } else {
//         setCookie('username', user.value)
//         delCookie('password')
//         delCookie('checked')
//     }
// }